<template>
  <div>
        <div>
          <el-table
              :data="tableData"
              height="600"
              border
              style="width: 100%">
            <el-table-column
                prop="fkOrderId"
                label="订单号"
                width="180">
            </el-table-column>
            <el-table-column
                prop="pname"
                label="产品名"
                width="180">
            </el-table-column>
            <el-table-column
                prop="lnumber"
                label="物流单号">
            </el-table-column>
            <el-table-column
                prop="lname"
                label="物流公司">
            </el-table-column>
            <el-table-column
                label="状态">
              <template slot-scope="scope">
                <p v-if="scope.row.lstate == 0" >送货中</p>
                <p v-if="scope.row.lstate == 1" >退货中</p>
                <p v-if="scope.row.lstate == 3" >已退货</p>
                <p v-if="scope.row.lstate == 4" >已收货</p>
              </template>
            </el-table-column>
            <el-table-column
                prop="lstartDate"
                label="开始日期">
            </el-table-column>
            <el-table-column
                prop="lreceivingDate"
                label="收货日期">
            </el-table-column>
            <el-table-column
                prop="lreturnDate"
                label="退货日期">
            </el-table-column>
          </el-table>
        </div>

  </div>
</template>

<script>
import Navigation from "@/components/Navigation";
import HeaderMenu from "@/components/HeaderMenu";
export default {
  name: "Logistics",

  data(){
    return{
      tableData: []
    }
  },
  mounted() {
    this.init()
  },
  methods:{
    init(){
      //供应商id

      let supplierId = localStorage.supplierId
      this.$axios.get("api/logisticsDetailsInfo/" + supplierId).then(
          r=>{
            this.tableData = r.data
          }
      )
    }
  }
}
</script>

<style scoped>

</style>